<template>
  <h1>home</h1>
  <h2>{{ personName }}</h2>
  <button @click="changeName">
    按钮
  </button>
</template>
<script setup lang="ts">
import { computed } from 'vue'
import { useStore } from '../../store'
const store = useStore()
const personName = computed(() => store.state.homeModule.name)
const changeName = () => {
  store.commit('homeModule/changeName', 'nini')
}
</script>
<style scoped lang="scss">
$backColor: #fff000;
h1{
  color: $backColor;
  font-size: $fontSize;
}
</style>
